/* DataV 风格的 MessageBox 样式覆盖 */

/* 弹窗背景 */
.el-message-box {
  background-color: rgba(0, 30, 60, 0.9) !important;
  border: 1px solid rgba(0, 192, 255, 0.5) !important;
  border-radius: 4px !important;
  box-shadow: 0 0 20px rgba(0, 192, 255, 0.3) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 添加发光边框效果 */
.el-message-box::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid rgba(0, 192, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 192, 255, 0.5);
  pointer-events: none;
  animation: pulse-glow 2s infinite;
}

/* 弹窗标题 */
.el-message-box__title {
  color: #00c0ff !important;
  font-weight: 600 !important;
  text-shadow: 0 0 10px rgba(0, 192, 255, 0.5) !important;
  padding-bottom: 10px !important;
  border-bottom: 1px dashed rgba(0, 192, 255, 0.3) !important;
}

/* 弹窗内容 */
.el-message-box__content {
  color: #e0e0e0 !important;
  padding: 20px 0 !important;
}

.el-message-box__message p {
  color: #e0e0e0 !important;
  text-shadow: 0 0 5px rgba(0, 192, 255, 0.3) !important;
}

/* 弹窗图标 */
.el-message-box__status {
  color: #00c0ff !important;
  font-size: 24px !important;
}

.el-message-box__status.el-icon-warning {
  color: #e6a23c !important;
}

.el-message-box__status.el-icon-success {
  color: #67c23a !important;
}

.el-message-box__status.el-icon-error {
  color: #f56c6c !important;
}

.el-message-box__status.el-icon-info {
  color: #909399 !important;
}

/* 弹窗按钮 */
.el-message-box__btns {
  padding-top: 15px !important;
  border-top: 1px dashed rgba(0, 192, 255, 0.3) !important;
}

.el-message-box__btns button {
  background-color: rgba(0, 30, 60, 0.6) !important;
  border: 1px solid #00c0ff !important;
  color: #00c0ff !important;
  text-shadow: 0 0 5px rgba(0, 192, 255, 0.8) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s !important;
}

.el-message-box__btns button:hover {
  background-color: rgba(0, 192, 255, 0.2) !important;
  box-shadow: 0 0 15px rgba(0, 192, 255, 0.7) !important;
  transform: translateY(-1px) !important;
}

.el-message-box__btns button:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 192, 255, 0.4), transparent);
  animation: button-shine 1.5s infinite;
}

/* 确认按钮 */
.el-message-box__btns .el-button--primary {
  background-color: rgba(0, 192, 255, 0.3) !important;
}

/* 取消按钮 */
.el-message-box__btns .el-button--default {
  background-color: rgba(0, 30, 60, 0.6) !important;
  border: 1px solid rgba(0, 192, 255, 0.5) !important;
  color: #c0c4d3 !important;
}

.el-message-box__btns .el-button--default:hover {
  border-color: #00c0ff !important;
  color: #00c0ff !important;
}

/* 警告类型按钮 */
.el-message-box__btns .el-button--warning {
  background-color: rgba(0, 30, 60, 0.6) !important;
  border: 1px solid #e6a23c !important;
  color: #e6a23c !important;
  text-shadow: 0 0 5px rgba(230, 162, 60, 0.8) !important;
}

.el-message-box__btns .el-button--warning:hover {
  background-color: rgba(230, 162, 60, 0.2) !important;
  box-shadow: 0 0 15px rgba(230, 162, 60, 0.7) !important;
}

.el-message-box__btns .el-button--warning:hover::after {
  background: linear-gradient(90deg, transparent, rgba(230, 162, 60, 0.4), transparent);
}

/* 危险类型按钮 */
.el-message-box__btns .el-button--danger {
  background-color: rgba(0, 30, 60, 0.6) !important;
  border: 1px solid #f56c6c !important;
  color: #f56c6c !important;
  text-shadow: 0 0 5px rgba(245, 108, 108, 0.8) !important;
}

.el-message-box__btns .el-button--danger:hover {
  background-color: rgba(245, 108, 108, 0.2) !important;
  box-shadow: 0 0 15px rgba(245, 108, 108, 0.7) !important;
}

.el-message-box__btns .el-button--danger:hover::after {
  background: linear-gradient(90deg, transparent, rgba(245, 108, 108, 0.4), transparent);
}

/* 动画效果 */
@keyframes button-shine {
  to {
    left: 100%;
  }
}

@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 5px rgba(0, 192, 255, 0.5);
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 192, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 5px rgba(0, 192, 255, 0.5);
  }
}